@charset "utf-8";

/*start*/
*{margin:0;padding:0;}
body{font-size:14px;color:#222;line-height:28px;position: relative;background:#F7F6F9;font-family:Microsoft YaHei;font-family: PingFangSC-Regular, PingFang SC;}
html.en{font-family: Arial}

ol,ul,li,dt,dd,dl{list-style:none;}
img{border:0;}
select,input{vertical-align:middle;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
input,button{cursor:pointer;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*public*/
.clear{ clear:both}
.dn{display: none !important;}
.bn{border: none !important}
.fl{float: left;}
.mt30{margin-top: 30px}

/* 顶部 */
.top_fixed{width:100%;background: #fff;position: fixed;top:0;left:0;height:80px;z-index: 99}
.ts{box-shadow: 0px 0px 8px 0px rgba(183, 203, 239, 0.2);*border-bottom: 1px solid #f0f0f0}
.top_main{width:1200px;margin:0 auto;height:80px;position: relative;}
.top_main .top_logo{float:left;height:36px;margin-top:22px;width:475px;position: relative;}
.top_main .top_logo img{display: block;height: 100%}
.top_main .top_logo .logo_text{position: absolute;top:0;left:175px;height:36px;padding-left: 15px;}
.top_main .top_logo .logo_text:before{content:'';position: absolute;left:0;top:4px;height:28px;width:2px;background:#004BE2}
.top_main .top_logo .logo_text h1{color: #666;font-size: 12px;line-height:18px;font-weight: 400}
.top_main .top_search{float: right;height: 42px;padding-top:19px;overflow: hidden;}
.top_main .top_search .top_search_box{border: 2px solid #004BE2;border-radius: 3px;position: relative;height:38px;float: left;width:330px;}
.top_main .top_search .top_search_box input{cursor: text;display: block;float: left;outline: none;width:250px;padding-left: 16px;vertical-align: middle;height:38px;font-size: 14px;color: #222;border:none;}
.top_main .top_search .top_search_box input::-webkit-input-placeholder{color:#757575;}
.top_main .top_search .top_search_box .search_btn{cursor: pointer;height:38px;width:64px;float: left;text-align: center;line-height:38px;color:#fff;background:#004BE2;font-size: 14px}
.top_main .top_search .search_btn_out{cursor: pointer;margin-left:6px;float: left;background: #444;color: #fff;text-align: center;line-height: 42px;height: 42px;width:64px;font-size: 14px;border-radius: 3px}

#login_f,#login_b{display: none}
.top_main .top_login{float: right;height:40px;line-height:40px;font-size: 14px;margin:20px 0 0 60px;padding:0 0 0 20px;position: relative;}
.top_main .top_login.on{height:80px;width:40px;cursor: pointer;margin-top:0;}
.top_main .top_login.on img{display: block;width:28px;height:28px;border-radius: 100%;margin-top:26px}
.top_main .top_login.off{background: url(login.png) no-repeat left center;}
.top_main .top_login a{color:#004BE2}
.top_main .loginNav{position: absolute;display:none;z-index: 99;top:60px;right:-45px;width:140px;background: #fff;box-shadow: 0px 0px 8px 0px rgba(183, 203, 239, 0.2);*border:1px solid #e5e5e5;}
.top_main .loginNav a{display: block;height: 44px;line-height: 44px;padding-left: 54px;font-size: 14px;color:#666;}
.top_main .loginNav a.topIco_1{background: url(topnav1off.png) no-repeat 28px center;}
.top_main .loginNav a.topIco_2{background: url(topnav2off.png) no-repeat 28px center;}
.top_main .loginNav a.topIco_1:hover{background: url(topnav1on.png) no-repeat 28px center;color: #004BE2}
.top_main .loginNav a.topIco_2:hover{background: url(topnav2on.png) no-repeat 28px center;color: #004BE2}

/* 导航 */
.top_nav_box{margin:80px auto 0 auto;background: #fff;height: 61px;}
.top_nav{background: #fff;width:100%;height: 61px;position: relative;z-index: 98}
.top_nav ul{padding-top: 10px;height: 40px;overflow: hidden;margin:0 auto;width:1200px;}
.top_nav ul li{display: inline-block;margin-right: 55px;line-height: 40px;font-size: 18px}
.top_nav ul li a{display: block;width:100%;height: 100%;color: #333}
.top_nav ul li a:hover{color:#004BE2}
.top_nav ul li.on{padding: 0 17px;background: #004BE2;border-radius: 3px;}
.top_nav ul li.on a{color:#fff;}
.top_nav ul li.on a:hover{color: #fff}

/* 数据预告 */
.top_banner{width:100%;margin:0 auto;background:url(banner.png) no-repeat top center #fff}
.top_data{width:1200px;margin:0 auto;height:90px;padding-top: 20px;position: relative;}
.top_data h2{background: url(data.png) no-repeat left center;font-weight: 600;font-size: 14px;line-height: 20px;height: 20px;color: #fff;padding-left: 30px;}
.top_data ul{width:100%;}
.top_data ul li{display: inline-block;margin-right: 70px;height: 46px;overflow: hidden;}
.top_data ul li span{font-family: 'Impact';font-size: 26px;color:#fff;display: inline-block;height: 46px;line-height: 46px;float: left;margin-left: 6px}
.top_data ul li em{font-size: 14px;color: #C6D6F8;line-height: 46px;font-style: normal;display: inline-block;float: left;}
.top_data .icon_f{display: block;position: absolute;width:176px;height: 171px;right:0;top:-23px;background: url(feng.png);z-index:98;}
.top_notice{width:100%;height: margin:0 auto;background: #fff;height:130px;}
.top_notice_main{width:1200px;height: 100%;margin:0 auto;overflow: hidden;position: relative;}
.top_notice_main ul li{float: left;padding: 20px 0;width:340px;}
.top_notice_main ul li a{display: block;width:340px;height:90px;overflow: hidden;}
.top_notice_main ul li a .img{width:90px;height: 90px;float: left;margin-right: 15px;border-radius: 3px;overflow: hidden;}
.top_notice_main ul li a .img img{display: block;width:100%;height: 100%;border-radius: 3px;transition: all 0.3s}
.top_notice_main ul li a .text{float: left;width:205px;padding-right: 30px;}
.top_notice_main ul li a .text h3{color: #333;font-size: 14px;line-height:18px;font-weight:600;margin-bottom: 2px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.top_notice_main ul li a .text p{font-size: 14px;line-height:18px;color:#666;height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.top_notice_main ul li a .text p span{margin-right: 6px}
.top_notice_main ul li a .text p span:last-child{margin-right: 0}
.top_notice_main ul li a .text .sub{height:26px;margin-top:7px;}
.top_notice_main ul li a .text .sub span{display: block;width: 52px;float: left;height: 24px;border-radius: 3px;border: 1px solid #004BE2;text-align: center;font-size: 14px;color: #004BE2;line-height: 24px;margin-right: 10px}
.top_notice_main ul li a .text .sub .time{float: left;height: 24px;line-height: 24px;font-size: 14px;color: #888;}
.top_notice_main ul li a:hover h3{color:#004BE2}
.top_notice_main ul li a:hover img{transform: scale(1.05);}
.top_notice_main .goAll{display: block;position: absolute;top:0;bottom:0;right:0;margin:auto 0;padding-left: 40px;width: 136px;height: 50px;background:url(goall.png) no-repeat right center;border-radius: 3px;border: 1px solid #DEE1E7;}
.top_notice_main .goAll span{transition: all 0.3s;padding-right: 32px;font-size: 16px;color: #707F9D;font-weight: 500;background: url(more.png) no-repeat right center;display: inline-block;height: 50px;line-height: 50px;}
.top_notice_main .goAll:hover span{padding-right: 45px;}

/* 翔宇主体 */
.main{width:1175px;margin:20px auto 0 auto;background: #fff;padding: 30px 0 45px 25px;}
.mainLeft{float: left;width:405px;}
.mainMiddle{float: left;margin:0 45px 0 40px;width:360px;}
.mainRight{float: left;width:300px;}

.headlines{width:100%;}
.headlines a.tit{display: block;}
.headlines a.tit:first-child{margin-bottom: 20px;}
.headlines a.tit h2{font-size: 20px;font-weight: 600;margin-bottom:9px;color: #383838;line-height: 28px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.headlines a.tit p{font-size: 14px;color: #9B9B9B;line-height: 23px;height: 46px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.headlines a.tit:hover h2{color:#004BE2}

.newsColumn{width:100%;margin-top: 33px;}
.newsColumn .columnTitle{padding-left: 20px;position: relative;height:24px;}
.newsColumn .columnTitle i{display: block;width:10px;height: 10px;border-radius: 2px;position: absolute;top:0;left:0;bottom:0;margin:auto 0;background: #004BE2}
.newsColumn .columnTitle h3{font-size: 20px;font-weight: 600;color: #333;line-height: 24px;}
.mainMiddle .columnTitle i{background: #FF6100!important}
.columnList{margin-top: 18px}
.columnList li{height: 32px;font-size: 16px;}
.columnList li a{padding-left: 12px;display: block;width:100%;height: 32px;line-height: 32px;color: #383838;position: relative;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.columnList li a:before{content:'';position: absolute;top:0;bottom:0;left:0;margin:auto 0;width:4px;height: 4px;border-radius: 100%;background: #9b9b9b}
.newsColumn .columnList li:first-child{font-weight: 600}
.columnList li a:hover{color:#004BE2}
.mainMiddle .newsColumn{margin-top:23px;}
.mainMiddle .columnList{margin-top:20px}
.mainMiddle li a{padding-left: 0;}
.mainMiddle li a:before{display: none}

/* 组图 */
.smallImg{width:380px;overflow: hidden;}
.smImgBox{float: left;margin: 10px 10px 0 0;width: 175px;position: relative;}
.smImgBox:last-child{margin-right: 0}
.smImgBox a.imgBox{position: relative;overflow: hidden;width: 100%;height: 117px;display: block;}
.smImgBox a.imgBox img{transition: all 0.7s;display: block;width: 100%;height: 117px;}
.smImgBox:hover img{transform: scale(1.05);}
.smImgBox h3{font-size: 14px;color:#383838;font-weight: 400;margin-top: 10px;line-height: 22px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:44px;}
.smImgBox:hover h3{color: #004BE2}
.v a.imgBox:before{content:'';z-index: 10;width:24px;height:24px;position: absolute; bottom:10px;left:10px;background: url(video.png);}

/* 焦点图 */
.focus{position:relative;width:360px;height:240px; margin:0px auto; overflow:hidden}
.focus .focusList{height:240px; overflow:hidden; position:absolute;top:0;left:0;width:10000px}
.focus .fcon{float:left; width:360px;overflow: hidden; position:relative}
.focus .fcon img{ display:block;width:360px;height:240px;transition: all 0.7s;}
.focus .fcon img:hover{transform: scale(1.05);}
.focus .fcon h3{ width:340px;font-weight: 400;font-size: 14px;color: #fff !important;padding:0 10px;position:absolute; bottom:0; left:0;background: url(http://www.qingdaonews.com/style/bgblack.png) no-repeat top center;color: #fff;line-height:65px;height: 65px;background-size: 100% 100%;text-align: center;_background:none;_background:#000 !important;}
.focus .focusNum{ position:absolute;right:0px;bottom:10px;left:0;*left:140px;margin: 0 auto;text-align: center;width: 75px;overflow:hidden;height:8px; z-index:10;}
.focus .focusNum a{display:inline;width:8px;height:8px;border-radius: 4px;margin:0 5px;color:#B0B0B0;float:left;background:#D9D9D9;}
.focus .focusNum .on,.focus .focusNum a:hover{background:#fb5f20;}
.focus .prev,.focus .next{position:absolute;width:36px;height:71px;background:url(http://www.qingdaonews.com/style/focusbtn.png) no-repeat;_background:url(http://www.qingdaonews.com/style/focusbtn.gif) no-repeat;z-index: 11;display:none}
.focus .prev{top:85px;left:0;background-position:0 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.focus .next{top:85px;right:0;background-position:-44px 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}

/* 民生热点 */
.hotColumn{background: #F7F6F9;padding: 20px 10px;}
.hotColumn .title{height: 24px;margin:0 15px;background: url(hot.png) no-repeat left center;width:100px;display: block}
.hotColumn .title img{display: block;height: 100%}
.hotColumn ul{margin:0 auto;}
.hotColumn ul li{margin:8px auto 0 auto;background: #FEFEFE;padding: 10px 15px;}
.hotColumn ul li .company{color: #666;line-height: 12px;font-size: 12px;margin-bottom: 5px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.hotColumn ul li h4{font-size: 16px;font-weight: 400;color: #383838;line-height: 16px;margin-bottom: 5px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.hotColumn ul li p{font-size: 12px;color: #666;line-height: 12px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.hotColumn ul li p span{margin-right: 12px}
.hotColumn ul li a:hover h4{color: #004BE2}

/* 往期回顾 */
.historyColumn{margin-top: 28px;border:1px solid #EFEFEF;padding: 20px 15px 0 15px;overflow: hidden;position: relative;}
.historyColumn .line{position: absolute;bottom:0;background: #fff;left:0;width:100%;z-index: 2;height: 20px}
.historyColumn h3.title{font-size: 16px;font-weight: 600;color: #333;line-height: 16px;margin-bottom: 20px}
.historyColumn .hisScroll{width:120%;overflow-y: scroll;height: 315px}
.historyColumn .hisScroll ul{margin-left: 5px;border-left: 1px solid #EFEFEF;padding:12px 0 20px 0}
.historyColumn .hisScroll ul li{position: relative;padding-left: 20px;background:url(m.png) no-repeat right center;width:240px;}
.historyColumn .hisScroll ul li span{display: block;margin-bottom: 6px;font-size: 12px;color: #999;line-height: 12px;}
.historyColumn .hisScroll ul li h4{margin-bottom: 6px;font-size: 14px;font-weight: 500;color: #333;line-height: 14px;word-break:keep-all;text-overflow:ellipsis;white-space:nowrap;display:block; overflow:hidden;}
.historyColumn .hisScroll ul li p{font-size: 12px;color: #666;line-height: 12px;margin-bottom: 18px;padding-right: 20px;}
.historyColumn .hisScroll ul li a:hover h4{color: #004BE2}
.historyColumn .hisScroll ul li:before{content:'';position: absolute;left:-6px;top:0;width: 7px;height: 7px;border-radius: 100%;background: #FFFFFF;border: 2px solid #004BE2;}

/* 访谈现场 */
.mainColumn{margin:2px auto 0 auto;background: #fff;width:1200px;padding: 28px 0 0 0;position: relative;}
.mainColumn .title{padding-left: 20px;position: relative;height:24px;margin:0 0 0 25px;}
.mainColumn .title i{display: block;width:10px;height: 10px;border-radius: 2px;position: absolute;top:0;left:0;bottom:0;margin:auto 0;background: #004BE2}
.mainColumn .title h3{font-size: 20px;font-weight: 600;color: #333;line-height: 24px;}

.focusBig{position:relative;width:1150px;height:480px; margin:28px 0 0 25px; overflow:hidden;padding-bottom: 55px}
.focusBig .focusList{height:500px; overflow:hidden; position:absolute;top:0;left:0;width:10000px}
.focusBig .fcon{float:left; width:1150px;overflow: hidden; position:relative}
.focusBig .fcon p{height: 20px;line-height: 20px;color: #333;font-size: 14px;margin-bottom: 15px}
.focusBig .fcon p .state{display: inline-block;padding: 0 9px;font-size: 12px;color: #fff;border-radius: 10px}
.focusBig .fcon p .state.s1{background: #73D5C1}
.focusBig .fcon p .state.s2{background: #C6C6C6}
.focusBig .fcon p span{margin-right:15px}
.focusBig .fcon p span:last-child{display: inline-block;padding-right: 30px;background: url(m.png) no-repeat right center;}
.focusBig .fcon ul{overflow: hidden;width:110%;margin-bottom: 22px}
.focusBig .fcon ul li{display:block;width:280px;height: 186px;margin-right: 9px;float: left;overflow: hidden;cursor:pointer;}
.focusBig .fcon ul li:last-child{margin-right: 0}
.focusBig .fcon ul li img{display: block;width:280px;height: 186px;transition: all 0.3s}
.focusBig .fcon ul li img:hover{transform: scale(1.05);}
.focusBig .focusNum{ position:absolute;right:0px;bottom:36px;left:0;margin: 0 auto;text-align: center;width: 105px;overflow:hidden;height:8px; z-index:10;}
.focusBig .focusNum a{display:inline;width:25px;height:2px;margin:0 5px;color:#B0B0B0;float:left;background:#c8c8c8;}
.focusBig .focusNum .on,.focusBig .focusNum a:hover{background:#fb5f20;}
.focusBig .prev,.focusBig .next{position:absolute;width:40px;height:74px;background:url(http://www.qingdaonews.com/style/focusbtn.png) no-repeat;_background:url(http://www.qingdaonews.com/style/focusbtn.gif) no-repeat;z-index:97;display:none}
.focusBig .prev{top:220px;left:0px;background-position:0 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;}
.focusBig .next{top:220px;right:0px;background-position:-40px 0;cursor:pointer;filter:alpha(opacity=75);-moz-opacity:0.5;opacity: 0.75;}

/*点击看大图*/
.bigImgList{display: none;position: fixed;top:0;left:0;right:0;width:100%;height: 100%;background: rgba(0,0,0,0.5);*background: #222;z-index:100;}
.bigImgList #bigImg{width:800px;height:550px;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;*position: relative;*margin:50px auto 0 auto;}
.bigImgList #bigImg .swiper-slide{position: relative;}
.bigImgList #bigImg .swiper-slide img{display: block;max-width:680px;max-height:450px;object-fit:contain;margin:auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.bigImgList #bigImg .swiper-slide video{display: block;max-width:680px;max-height:450px;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;height: 80%}
.bigImgList .close{display: block;width:100%;height:100%;position: absolute;top:0px;right:0px;}
.bigImgList .swiper-pagination{color: #333 !important;font-size: 14px !important;top:20px;bottom:0;}
.bigImgList .swiper-pagination-total{color: #888}
.bigImgList .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ''}
.bigImgList .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ''}
.bigImgList .swiper-button-prev{width:40px;height: 90px;background: url(prev.png);}
.bigImgList .swiper-button-next{width:40px;height: 90px;background: url(next.png);}
.bigImgList img{display: block;max-width: 800px;max-height: 80%;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.bigImgList video{display: block;max-width: 800px;max-height: 80%;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

/* 问题列表 */
.mainColumnLeft{width:720px;float: left;padding-bottom:80px}
.mainColumnRight{width:300px;float: right;margin:0 25px 0 0;position: relative;}
.solveList{width:100%;margin:2px 0 0 25px;position: relative;}
.solveList .solveBox{padding:20px 0;position: relative;display: block;border-bottom: 1px solid #F5F7FA}
.solveList .solveBox .tit{display: block;}
.solveList .solveBox h4{font-size:16px;line-height:22px;color:#333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:44px;}
.solveList .solveBox:hover h4{color:#3E77E4;}
.solveList .solveBox p{font-size:14px;line-height:20px;margin-top:14px;color: #888;position: relative;overflow: hidden;}
.solveList .solveBox p .dep{background: #E5EDFC;padding: 0 7px;display: inline-block;float: left;color: #004BE2;font-size: 12px;margin-right: 15px}
.solveList .solveBox p img{display: block;width:20px;height:20px;border-radius: 100%;margin-right:8px;float: left;}
.solveList .solveBox p span,.solveList .solveBox .p span{font-family: Arial;margin-right:10px;display: inline-block;position: relative;color: #888;float: left;}
.solveList .solveBox p i{font-style: normal;font-size: 12px;display:inline-block;background:#f1fbf9;padding:0 7px;line-height:22px;height:22px;position: absolute;right:0;top:-1px;bottom:0;margin:auto 0;color:#15B998}
.solveList .solveBox ul{overflow: hidden;width:100%;margin-top:14px;}
.solveList .solveBox ul li{width:150px;height:112px;overflow: hidden;border-radius:4px;margin-right:8px;position: relative;float: left;}
.solveList .solveBox ul li:last-child{margin-right: 0}
.solveList .solveBox ul li img{display:block;width:100%;height:100%;object-fit:cover;transition: all 0.3s}
.solveList .solveBox:hover ul li img{transform: scale(1.05);}
.solveList .solveBox ul li.v{width:308px;height:220px;}
.solveList .solveBox ul li.v:before{content:'';position: absolute;z-index: 3;width:42px;height:42px;background: url(play.png);background-size: 100% 100%;top:0;bottom:0;left:0;right:0;margin:auto;}
.endText,.getMore{display: block;font-size: 12px;color: #888;line-height: 17px;text-align: center;width:100%;margin:20px 0 0 0;}
.endText{display: none}

/* 底部 */
.footer{width:100%;height: 170px;background: url(foot.png) no-repeat center top;margin:70px auto 0 auto;border-top: 1px solid #efefef}
.foot{width:1200px;margin:0 auto;padding-top: 36px;}
.footLogo{width:150px;float: left;margin-left: 67px}
.footLogo img{display: block;width:150px;margin-bottom: 18px}
.footLogo p{font-size: 14px;color: #888;line-height: 14px;}
.footNav{float: left;margin-left: 100px;text-align: center;}
.footNav ul{overflow: hidden;padding: 6px 0 3px 0;}
.footNav ul li{float: left;display: inline-block;padding-right: 20px;margin-right: 20px;border-right: 1px solid #C7C7C7;line-height:16px;font-size: 16px}
.footNav ul li a{color: #333;}
.footNav ul li a:hover{color: #004BE2;}
.footNav ul li:last-child{border:none;margin-right: 0;padding-right: 0;}
.footNav p{font-size: 14px;color: #333;line-height: 28px;margin-top: 25px}
.footNav p span{margin-right: 12px}
.footShare{float: right;padding-top: 4px;width:200px;padding-right: 68px;}
.footShare a{display: block;float: right;position: relative;width:24px;height: 24px;margin-left: 16px}
.footShare a.s_wx{background: url(sharewx.png);}
.footShare a.s_wb{background: url(sharewb.png);}
.footShare a.s_qq{background: url(shareqq.png);}
.footShare a .code{position: absolute;top:-125px;width:100px;height: 100px;background: #fff;padding:10px;left:-48px;z-index: 5;display: none}
.footShare a .code img{display: block;width:100%;height: 100%}

/* 页面跟随 */
.goTop{display: block;width:50px;height: 50px;margin-top: 34px;background: url(gotop.png) no-repeat center center #fff;opacity: 0.8;position: fixed;bottom:30px;right:10px;}
.goTop:hover{opacity: 1}
.goCode{display: block;width:50px;height: 50px;background: url(code.png) no-repeat center center #fff;opacity: 0.8;position: fixed;bottom:90px;right:10px;}
.goCode:hover{opacity: 1}
.goCode .code{width:100px;height: 100px;padding: 10px;background: #fff;position: absolute;left:-125px;top:-70px;z-index: 5;display: none}
.goCode .code img{display: block;width:100%;height: 100%}

/* 文章列表 */
.listMain{width:1090px;margin:20px auto 0 auto;background: #fff;padding: 45px 50px 50px 60px;}
.listContent{width:640px;float:left;margin:0;}
.listSidebar{width:320px;float: right;margin:0;}
.listContent h1{font-size: 24px;font-weight: 600;color: #333;line-height: 33px;}
.listContent .list{margin-top: 20px}
.listContent .list a.listBox{display: block;width:100%;padding: 15px 0;border-bottom: 1px solid #eee;}
.listContent .list a.listBox .img{width:140px;height: 90px;flex-grow: 0;flex-shrink: 0;margin-right: 20px;float:left;}
.listContent .list a.listBox .img img{display: block;width:100%;height: 100%;transition: all 0.3s}
.listContent .list a.listBox .text{flex-shrink: 1;flex-grow: 1}
.listContent .list a.listBox .text h3{height: 60px;line-height: 30px;font-size: 20px;color:#404040;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.listContent .list a.listBox .text p{color: #b6b5b5;font-size: 14px;margin-top: 15px;height: 14px;line-height: 14px;}
.listContent .list a.listBox .text p span{margin-right: 12px}
.listContent .list a.listBox:hover .img img{transform:scale(1.05);}
.listContent .list a.listBox:hover h3{color:#004BE2;}
.listColumn{margin-bottom: 30px}
.listColumn .title{font-weight: 600;color: #333;line-height: 22px;padding-left: 17px;position: relative;}
.listColumn .title:before{content:'';position: absolute;left:0;top:0;bottom:0;margin:auto 0;width: 5px;height: 16px;background: #004BE2;border-radius: 2px;}
.listColumn .title h2{color: #333;font-size: 16px;}
.listColumn .smallImg{width:340px}
.listColumn .smImgBox{float: left;margin: 20px 10px 0 0;width: 154px;position: relative;}
.listColumn .smImgBox:last-child{margin-right: 0}
.listColumn .smImgBox a.imgBox{position: relative;overflow: hidden;width: 100%;height: 103px;display: block;}
.listColumn .smImgBox a.imgBox img{transition: all 0.7s;display: block;width: 100%;height: 103px;}
.listSidebar .ad{margin-bottom:10px;width:100%;}
.listSidebar .ad div{margin:0 auto;}
.listSidebar .ad a{display: block;position: relative;width:100%;}
.listSidebar .ad a img{display: block;margin:0 auto;}

#autopage{padding-top:80px;margin-left:37px;}
#autopage ul{text-align: center;}
#autopage li{display: inline-block;margin-right: 10px;}
#autopage a,#autopage span{padding:8px 13px; font-size:12px; border:1px solid #e7e7e7; color:#404040}
.m-num a:hover,#autopage a:hover{background:#fb5f20; color:#fff !important; text-decoration:none}
#autopage span{background:#fb5f20; color:#fff}

/* 详情页 */
.crumbs{font-size: 12px;line-height: 18px;height: 18px;margin:20px auto;width:1200px;}
.crumbs a{padding-right:15px;margin-right:0px;display: inline-block;background: url(m.png) no-repeat right center;color:#004BE2}
.crumbs p{color:#888;}
.detailMain{width:1095px;margin:0 auto;padding: 24px 45px 60px 60px;background: #fff}
.detailMain .tit{margin-bottom: 22px;float: left;width:1095px;position: relative;padding-bottom: 28px;border-bottom:1px solid #F5F7FA;}
.detailMain .tit h1{font-size: 24px;font-weight: 600;color: #333;line-height: 34px;margin-bottom: 18px}
.detailMain .tit p{position: relative;font-size: 12px;font-family: Arial;color: #888;line-height: 16px;}
.detailMain .tit p span{margin-right: 12px;}
.articleBox{width:700px;float: left;}
.article{width:100%;font-size: 16px;color: #333;line-height: 30px;}
.article *{margin-bottom: 30px !important;}
.article p.video{text-indent:0;padding:25px;background:#f5f5f5;color:#f5f5f5\9;*color:#f5f5f5;*height:450px;height:450px\9}
.article p.video object{ display:block;margin:-30px auto 0 auto}
.article img{display: block;max-width: 100%;margin:0 auto;}
.textEnd{height: 27px;font-size: 12px;font-weight: 400;line-height:27px;position: relative;width:100%;}
.textEnd a{margin-right: 12px;color: #3E77E4;}
.articleColumn{width:100%;margin-top: 50px}
.articleColumn .title{font-weight: 600;color: #333;line-height: 22px;padding-left: 17px;position: relative;}
.articleColumn .title:before{content:'';position: absolute;left:0;top:0;bottom:0;margin:auto 0;width: 5px;height: 16px;background: #004BE2;border-radius: 2px;}
.articleColumn title h2{color: #333;font-size: 16px;}

/*百度分享*/
.bdsharebuttonbox{position: absolute;right:0;bottom:21px;}
.textEnd .bdsharebuttonbox{bottom:0px;}
.bdsharebuttonbox strong{float:left; font-weight:normal;line-height: 27px;height: 27px}
.bdsharebuttonbox a{display: inline-block;width: 27px !important;height: 27px !important;line-height: 27px !important;border-radius: 100%;margin:0 6px 0 0 !important;}
.bdsharebuttonbox a.bds_weixin{background:url(ico1.png);background-size: 100% 100%;}
.bdsharebuttonbox a.bds_tsina{background:url(ico2.png);background-size: 100% 100%;}
.bdsharebuttonbox a.bds_qzone{background:url(ico3.png);background-size: 100% 100%;}

/* 音频 */
.audio{position: relative;}
.main_audio{display: none;}
.audioplay{position: relative;background:rgba(249,249,249,1);height:100px;border-radius:3px;width: 100%;padding:24px 30px;box-sizing: border-box;margin-bottom:40px}
.playBtn{float:left\0;width:60px;height:60px;border-radius: 50%;text-align: center;margin-right:24px;display:block;background: url(iconyp3.png) no-repeat #ff6100;background-position:23px 19px;background-size:20px 24px;}
.playBtn.playing{background: url(iconyp3.png) no-repeat #ff6100;background-position:23px 19px;background-size:20px 24px;}
.playBtn.paused{background: url(iconyp2.png) no-repeat #ff6100;background-position:21px 19px;background-size:18px 25px;}
.playBtn img{display: none;magin:auto !important}
.playBtn.loading{background:#ff6100}
.playBtn.loading img{ display:block;width:30px;height:29px;margin:16px auto;-webkit-animation: audioLoading .6s linear .24s infinite;animation: audioLoading .6s linear .24s infinite;}
@keyframes audioLoading {
	0% {-webkit-transform: rotate(0);transform: rotate(0)}
	25% {-webkit-transform: rotate(90deg);transform: rotate(90deg)}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
	75% {-webkit-transform: rotate(270deg);transform: rotate(270deg)}
	to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}

@-webkit-keyframes audioLoading {
	0% {-webkit-transform: rotate(0);transform: rotate(0)}
	25% {-webkit-transform: rotate(90deg);transform: rotate(90deg)}
	50% {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
	75% {-webkit-transform: rotate(270deg);transform: rotate(270deg)}
	to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}
.icon_yp1{width:34px;height:30px;}
.playTit{float:left\0;width:538px\0;padding-top:17px\0;text-indent: 0px !important;font-size:16px;line-height:42px;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all; margin-bottom:0 !important;font-weight:600}
.playTime{float:right\0;padding-top:25px\0;text-indent: 0px !important;margin-left:42px;font-size:14px;color: #949494;line-height:33px;min-width:60px;display:block;}
.flex{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center}
.flex1{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}

.g-box-6{padding:20px;background:#fbfbfb;border:1px solid #f1f1f1;margin-top:20px}
.g-box-6 p{font-size:16px;color:#404040;line-height:26px;}
.g-box-6 span{font-size:12px;color:#9b9b9b;}
.g-box-6 a:hover,.g-box-6 a:active,.m-pic-1 a:hover,.m-pic-1 a:active,.m-lst-2 a:hover,.m-lst-2 a:active,.m-lst-1 a:hover,.m-lst-1 a:active,.m-msg-1 a:hover,.m-msg-1 a:active{color:#f63}
.g-box-6 p a{color: #333;font-size: 14px;line-height: 24px;}
.m-tt-3{margin-bottom:5px;font-weight:normal;font-size:16px;color:#888;}
.m-ad-1{width:1200px; margin:10px auto;}
.m-ad-1:last-child{margin-bottom: 0}

/* 栏目介绍 */
.information{width:1150px;margin:20px auto 0 auto;background: #fff;padding: 30px 25px 30px 25px; display: flex;}
.information .banner{width:280px;height: 160px;flex-grow: 0;flex-shrink: 0;margin-right: 30px}
.information .banner img{display: block;width:100%;height: 100%;border-radius: 6px}
.information .inforText{padding-top: 5px;}
.information .inforText h2{padding-left: 20px;position: relative;height:24px;font-size: 20px;font-weight: 600;color: #333;line-height: 24px;margin-bottom: 20px}
.information .inforText h2:before{content:'';display: block;width:10px;height: 10px;border-radius: 2px;position: absolute;top:0;left:0;bottom:0;margin:auto 0;background: #004BE2}
.information .inforText p{line-height: 28px;font-size: 16px;color:#222;text-align: justify;text-indent: 2em}